<template>
  <global-footer class="footer custom-render">
    <template v-slot:links>
      <a href="" target="_blank">商业区</a>
      <a href="" target="_blank">办公大楼</a>
      <a href="" target="_blank">购物中心</a>
      <a href="" target="_blank">住宅社区</a>
    </template>
    <template v-slot:copyright>
      <a href="" target="_blank">Copyright © 2024 {{ title }}</a>
    </template>
  </global-footer>
</template>

<script>
import { GlobalFooter } from '@ant-design-vue/pro-layout'
import config from '@/config/defaultSettings'

export default {
  name: 'ProGlobalFooter',
  components: {
    GlobalFooter
  },
  data () {
    return {
      title: config.title
    }
  }
}
</script>

<style>
.footer  {
  margin: 0 !important;
}
</style>
